<include file="header" />
<div class="wraper white-bg">
    <div class="load">
        <img class="load-bee" src="/assets/base/laundry/images/load-bee.png">
    </div>
    <div class="result clearfix">
        <div class="half-box">
            <p><span class="iconfont icon-wodepaiming"></span> 排名</p>
            <p class="data">6224</p>
        </div>
        <div class="half-box">
            <p><span class="iconfont icon-shijian1"></span> 累计时长</p>
            <p class="data">3224h</p>
        </div>
    </div>
    <div class="wave"></div>
    <div class="tab-box clearfix">
        <a href="#" class="tab-list actived">周</a>
        <a href="#" class="tab-list">月</a>
    </div>
    <div class="tab-container show">
        <div class="tips-img"><img src="/assets/base/laundry/images/welcom.png"/></div>
        <p>欢迎加入我们洗刷刷革命队伍！</p>
    </div>
    <div class="tab-container">
        <div class="tips-img"><img src="/assets/base/laundry/images/welcom.png"/></div>
        <p>丐帮8袋长老非你莫属！</p>
    </div>
    <div class="fixed-btn clearfix">
        <a href="javascript:void(0);" class="btn"><span class="iconfont icon-wodepaiming"></span> 洗刷刷排行榜</a>
        <a href="javascript:void(0)" class="btn"><span class="iconfont icon-xiyiji"></span> 洗衣服去啦！</a>
    </div>
</div>
<include file="commonJS" />
<include file="share_header" />
<script>
    $('.tab-box').on('click','.tab-list',function(){
        var idx = $(this).index();
        $(this).addClass('actived').siblings().removeClass('actived');
        $('.tab-container').eq(idx).addClass('show').siblings().removeClass('show');
    })
</script>
</body>
</html>